
/* @Author: 刘洁仙
* @Date:   2018-07-01 20:21:14
* @Last Modified by:   Administrator
* @Last Modified time: 2018-07-09 02:06:10
*/
*{
	margin: 0;
	padding: 0;
	list-style:none;
}


/* 导航条 */
	.navbar{
		min-height: 64px;
		border-top: 3px solid #009A61;
		font-size: 16px;
		background-color: #FAFAFA;
	}
	/* logo */
		.navbar-header a.navbar-brand{
			height: 64px;
			width: 150px;
			padding: 0 0;
		}
		.navbar-header a h1{
			margin:  0 0;
			line-height: 60px;
		}
		.navbar-header a h1 img{
			width: 150px;
			height: auto;
		}
	/* 左侧导航条 */	
		.navbar-nav{
			margin-left: 24px;
		}
		.navbar-nav>li>a{
			margin: 15px 0;
			padding: 0 12px;
			height: 34px;
			line-height: 34px;
		}
		.navbar-default .navbar-nav>.active>a{
			background-color: #F8F8F8;
			color: #009A61;
			font-weight: 700;
		}
		.navbar-default .navbar-nav>.active>a:hover{
			color:#009A61;
		}
		.navbar-default .navbar-nav>li>a:hover{
		   background-color: #f3f3f3;
		   border-radius: 5px;
		}
		.navbar-default .navbar-nav>li>a.user:hover{
		   border-radius: 50%;
		}
		.navbar-nav .dropdown-block .dropdown-menu{
			font-size: 16px;
			min-width: 120px;
			position: relative;
			background: #FAFAFA;
			border: none;
			border-radius:0px;
		}
		.navbar-nav .dropdown-menu>li>a:hover{
			color: #009A61;
		}
		.navbar-nav>li>.dropdown-menu {
		    margin-top: -10px;
		} 
	/* 左侧导航条下拉条右边框——活动 */
		.navbar-nav .dropdown-block{
			position: absolute;
			top: 50px;
			background: #fff;
			border: 1px solid rgba(0,0,0,.15);
			border-radius: 5px;
			z-index: 99;
		}
		.navbar-nav .ul-active{
			width: 280px;
			background: #fff;
			display: none;
			margin-left: 120px;
			padding-left: 20px;
		}
		.navbar-nav .ul-active h5{
			font-size: 14px;
			color: #009a61;
			font-weight: 500;
			line-height: 24px;
		}
		.navbar-nav .ul-active span{
			font-size: 12px;
		}
		.navbar-nav .ul-active span:nth-child(4){
			color: #F5A623;
		}
		.navbar-nav .ul-active .more{
			position: absolute;
			bottom: 15px;
			left: 50%;
			margin-left: 28px;
			font-size: 12px;
			line-height: 1;
		}

	/* 搜索框 */
		.navbar-form{
			width: 280px;
			right: 0;
			position: absolute;
			margin: 15px 0px 15px 15px;
			padding: 0 0;
			transition: all 0.5s;
		}
		.navbar-form .form-group{
			width: 100%;
		}
		.navbar-form .form-group>input{
			width: 100%;
		}
		.navbar-form .form-group .search{
			top: 10px;
			right: 20px;
			color: #999;
			position: absolute;
		}

	/* 右侧导航条和图标 */
		.navbar-right .dropdown{
			margin-right: 18px;
		}
		.navbar-right .dropdown-toggle{
			border-radius: 5px;
			background: #fff;
			margin-right:0;
			border: 1px solid #ccc;
			font-size: 14px;
		}
		.navbar-right>li>a{
			font-size: 20px;
		}
		
		.navbar-right .found>a:hover{
			color: #333;
			background-color: #e6e6e6;
			border-color: #adadad;
		}
		/* 消息 */
			.index-msg-li{
				position: relative;
			}
			.index-msg{
				display: none;
				position: absolute;
				top: 50px;
				right: 0px;
				z-index: 3;
				width: 320px;
			}
			.index-private{
				display: none;
				position: absolute;
				top: 50px;
				right: 0px;
				z-index: 3;
				width: 320px;
			}
			.msg-header{
				background-color: #F5F5F5;
				border: 1px solid #ddd;
				width: 320px;
				height: 40px;
				border-radius: 3px;
			}
			.msg-header ul{
				border-bottom: 1px solid #ddd;
				width: 320px;
			}
			.msg-header span{
				padding-left: 10px;
				font-size: 14px;
				line-height: 40px;
				color: #666666;
			}
			.msg-header ul li{
				float: left;
				width: 25%;
				height: 40px;
			}
			.msg-header ul li.active a{
				color: #009A61;
				border-bottom: 2px solid #009A61;
			}
			.msg-header ul li a:hover{
				color: #009A61;
				border-bottom: 2px solid #009A61;
			}
			.msg-header ul li a{
				width: 100%;
				height: 40px;
				display: inline-block;
				text-align: center;
				color: #666666;
			}
			.msg-header ul li a i{
				line-height: 40px;
			}
			.msg-body{
				width: 320px;
				height: 270px;
				border: 1px solid #ddd;
				border-top: 0;
				border-bottom: 0;
				background-color: #fff;
			}
			.msg-body p{
				font-size: 13px;
				text-align: center;
				padding-top: 10px;
				color: #666;
			}
			.msg-footer{
				width: 320px;
				height: 30px;
				border: 1px solid #ddd;
				background-color: #F5F5F5;
			}
			.msg-footer span{
				float: right;
				line-height: 30px;
				font-size: 12px;
				padding-right: 10px;
			    color: #666;
			}
		/* 用户信息 */
		#bs-example-navbar-collapse-1>ul>li a.user{
			width: 34px;
			height: 34px;
			border-radius: 50%;
			padding: 0 0;
			margin-left: 12px;
			margin-right: 12px;
			font-size: 0;
		}
		.navbar-right .user img{
			width: 34px;
			height: 34px;
			border-radius: 50%;
		}
		
		.navbar-right .dropdown-menu>li>a:hover{
			color: #333;
		}
		.navbar-right .user-info{
			position: absolute;
			margin: 2px 0 0;
			padding: 5px 0;
			top: 50px;
			right: 10px;
			z-index: 1000;
			min-width: 240px;
			font-size: 14px;
			text-align: left;
			list-style: none;
			background-color: #fff;
			border: 1px solid #e6e6e6;
			border-radius: 5px;
			box-shadow: 0 6px 12px rgba(0,0,0,0.175);
			display: none;
		}
		.navbar-right .user-info .info-score{
			padding-top:10px;
		}
		.navbar-right .user-info .info-score>span{
			float: left;
			font-weight: bold;
			color: #212121;
			margin-left: 20px;
		}
		.navbar-right .user-info .info-score div{
			float: left;
			margin-left:12px;
		}
		.navbar-right .user-info .info-score div>span{
			width: 36px;
			height: 20px;
			line-height: 20px;
			position: relative;
			display:inline-block;
			padding-left: 20px;
		}
		.navbar-right .user-info .info-score div>span>b{
			width: 14px;
			height: 20px;
			margin-right: 5px;
			display: inline-block;
			position: absolute;
			left: 0px;
			top: 3px;
		}
		.navbar-right .user-info hr{
		    margin-top: 15px;
		    margin-bottom: 10px;
		}
		.navbar-right .user-info .info-score div span:nth-child(1) b{
			background: url('../images/star.svg') 0 0 no-repeat;
		}
		.navbar-right .user-info .info-score div span:nth-child(2) b{
			background: url('../images/star.svg') -14px 0 no-repeat;
		}
		.navbar-right .user-info .info-score div span:nth-child(3) b{
			background: url('../images/star.svg') -28px 0 no-repeat;
		}
	/* 个人资料 */
		.navbar-right .user-info .info{
			width: 100%;
		}
		.navbar-right .user-info .info ul{
			width: 100%;
		}
		.navbar-right .user-info .info ul li{
			float: left;
			width: 50%;
		}
		.navbar-right .user-info .info ul li:last-child{
			float: right;
		}
		.navbar-right .user-info .info ul li a{
			width: 100%;
			display:inline-block;
			padding-left: 15px;
			height: 25px;
			line-height: 25px;
			color: #3a3a3a;
		}
		.navbar-right .user-info .info ul li a:hover{
			background-color: #f5f5f5;
			text-decoration: none;
		}
		.navbar-right .user-info .info-footer{
			margin-left: 15px;
		}
		.navbar-right .user-info .info-footer a{
			color:#ababab;
		}

/* 手机屏幕 */
	@media (max-width: 768px){
		.navbar>.container{
			height: 44px;
		}
		.navbar>.container .navbar-brand{
		    margin-left: 0px;
		}
		/* 覆盖bootstrap设定的高度 */
		.navbar-collapse.collapse {
			position: relative;
		    height: 44px !important;
		}
		/* logo */
		.navbar{
			min-height: 44px;
		}
		.navbar-header a.navbar-brand{
			height: 44px;
		}
		.navbar-header a h1{
			line-height: 44px;
		}
		.logo-center{
		    position: absolute;
		    top: 50%;
		    left: 50%;
		    transform: translate(-50%, -50%);
		}
		/* 右侧图标 */
		.navbar-right>li>a{
			margin: 5px 0;
		}
		/* 右边导航条下拉框样式*/
		.navbar-right .dropdown-toggle{
			border:0px;
			font-size:20px;
			margin-right: -15px;
			background: #fafafa;
		} 
		.top_search{
			font-size: 20px;
			position: absolute;
			top: 50%;
			left: 0px;
			transform: translateY(-50%);
			color: #757575;
		}
		.container .collapse {
		    display: inline-block;
		    width: 100%;
		}
		.container>.navbar-collapse{
		 	margin:  0 0;
		 	padding: 0 0;
		}
		.container .navbar-right{
			margin: 0 0;
			float: right;
		}
		.container .navbar-right>li{
			float: left;
			width: 25px;
		}
		.navbar-nav .open .dropdown-menu{
			position: absolute;
			border: 1px solid #F0F0F0;
			box-shadow: 0 6px 12px rgba(0,0,0,0.175);
			right: -15px;
			left: auto;
			top: 44px;
			background: #fff;
		}
		.navbar-right .user-info{
			top: 42px;
			right: -20px;
		}
		.navbar-right .dropdown-menu{
			right: -15px;
			left: auto;    
			top: 54px;
		}
	}
/* iPad phone版 底部导航条 */
	.phone-nav {
		position: fixed;
		z-index: 100;
		bottom: 0;
		left: 0;
		width: 100%;
		background: #fff;
	}
	.phone-nav>ul{
		width: 100%;
		height: 50px;
		margin: 0;
	}
	.phone-nav>ul>li{
		float: left;
		width: 20%;
	}
	.phone-nav>ul>li.active i,.phone-nav>ul>li.active span{
		color: #009a61;
	}
	.phone-nav>ul>li>a{
		width: 100%;
		display: inline-block;
		height: 50px;
		padding-top: 5px;
		padding-bottom: 5px;
		text-align: center;
	}
	.phone-nav>ul>li>a>i{
		width: 20px;
		height: 20px;
		font-size: 20px;
		color: #9e9e9e;
	}
	.phone-nav>ul>li>a>span{
		display: inline-block;
		width: 100%;
		color: #9e9e9e;
		height: 20px;
		font-size: 14px;
	}
	.phone-nav-dropdown .dropdown-menu{
		top: -143px;
	    right: 0;
	    left: auto;
	}
	.phone-nav-dropdown .dropdown-menu>li{
		float: none;
		font-size: 16px;
	}
/* iPad屏幕>768px */
	@media (min-width: 768px){
		/* 覆盖bootstrap设定的高度 */
		.navbar-collapse.collapse {
			position: relative;
		    height: 44px !important;
		}
		.navbar>.container .navbar-brand{
		    margin-left: 0px;
		}
		/* logo */
		.navbar{
			min-height: 44px;
		}
		.navbar-header a.navbar-brand{
			height: 44px;
		}
		.navbar-header a h1{
			line-height: 44px;
		}
		.logo-center{
		    position: absolute;
		    top: 50%;
		    left: 50%;
		    transform: translate(-50%, -50%);
		}
		/* 右侧图标 */
		.navbar-right>li>a{
			margin: 5px 0;
		}
		/* 右边导航条下拉框样式*/
		.navbar-right .dropdown-toggle{
			border:0px;
			font-size:20px;
			margin-right: -15px;
			background: #fafafa;
		} 
		.top_search{
			font-size: 20px;
			position: absolute;
			top: 50%;
			left: 0px;
			transform: translateY(-50%);
			color: #757575;
		}
		.navbar-right .dropdown-menu{
		    right: -15px;
		    left: auto;
		    top: 54px;
		}
		.navbar-right .user-info{
			top: 42px;
		}
		.navbar-right .dropdown-menu{
			right: -15px;
			left: auto;    
			top: 54px;
		}
	}	

/* 桌面屏幕>992px */
	@media (min-width: 992px){
		.container {
		    width: 940px;
		    position: relative;
		} 
		/* 覆盖bootstrap设定的高度 */
		.navbar-collapse.collapse {
		    height: 64px !important;
		}
		/* logo */
		.navbar{
			min-height: 64px;
		}
		.navbar-header a.navbar-brand{
			height: 64px;
		}
		.navbar-header a h1{
			line-height: 64px;
		}
		.logo-center{
		    position: relative;
		    top: 0;
		    left: 0;
		    transform: translate(0, 0);
		}
		/* 搜索框 */
		.navbar-form{
			width:160px;
		}
		.change{
			position: relative;
			display: inline-block;
			width: 530px;
			margin-left: 15px;
			height: 64px;
		}
		/* 右侧图标 */
		.navbar-right>li>a{
			margin: 15px 0;
		}
		.navbar-nav>li>.dropdown-menu{
		    right: -15px;
		    left: auto;
		    margin-top: 0px;
		}
		.navbar-right .user-info{
			top: 52px;
		}
	}

/* 超大屏>1200px */
	@media (min-width: 1200px){
		.container {
		    width: 1140px;
		    position: relative;
		}
		/* 搜索框 */
		.navbar-form{
			width:280px;
		}
		.change{
			width: 660px;
		}
		/* 右边导航条下拉框样式*/
		.navbar-right .dropdown-toggle{
			margin-right:0;
			border: 1px solid #ccc;
			font-size: 14px;
		} 
		.navbar-nav>li>.dropdown-menu{
		    right: auto;
		    left: 0;
		    margin-top: 0px;
		}
		
	}


